<template>
  <div v-show="memove" :memove="memove">
    <h2 @click="memoveAll">自定义带Hover提示的按钮,点击关闭</h2>
    <!-- 当用户在使用我们封装的按钮的时候,需要向HintButton组件传递相应的参数 <el-button进行二次封装> -->
    <HintButton
      type="success"
      icon="el-icon-delete"
      size="mini"
      title="提示按钮"
      @click="handler"
    />
  </div>
</template>

<script>
import HintButton from "./HintButton/index.vue";
export default {
  name: "AttrsListenersTest",
  components: { HintButton },
  props: { memove: { type: Boolean, default: false } },
  methods: {
    // 点击事件的回调
    handler() {
      alert("水上由歧");
    },
    memoveAll() {
      this.$emit("ccc");
    },
  },
};
</script>

<style>
</style>